/* CSS Document */
.headerWrapper{background: #f4f7f9 !important;}
.comfire{color:#fb3c43;border:1px solid #fb3c43;}
.calendar{
	display: none;
	position: fixed;
	width: 100%;
	/* z-index: 999999999;
	top: 0; */
	overflow: auto;
	height: 100%;
	background: #fff;
	font-family: Tahoma,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
}
.firstSelect{
	width:100%;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	overflow:scroll;
	display:none;
}
.calendar td{
	text-align:center;
	border-radius:4px;
	height: 50px;
	}
.dateZone{
	width:100%;
	margin:auto;
	background:#f4f7f9;
	color:#111;
	margin-top: 50px;
	position: fixed;
	z-index:9999;
}
.dateZone td{
	background:#f4f7f9;
	height:45px;
	line-height: 45px;
}
.tbody {
	margin-top: 97px;
}
.tbody td{
	background:#fff;
	color: #111;
}
.dateZone td{
	width:14.2%;
	font-size: 14px;
}
.dateZone .colo{
	color:#fb3c43;
}
.dateTable{
	width:99.4%;
	margin:auto;
	border-bottom:1px solid #f4f7f9;
}
.tbody .ny1{
	width:100%;
	text-align:center;
	padding:5px 0;
	color: #111;
	font-size: 14px;    
	line-height: 28px;
	background: #fff;border: none;
}
.dateTable td{
	width:14.2%;
	font-size: 14px;
}
.dateTable .rz{
	font-size:12px;
}
.datTip{
	background:rgba(0,153,255,0.8);
	width:40%;
	position:fixed;
	bottom:2px;
	left:30%;
}
.datTip p{
	width:100%;
	margin:auto;
	text-align:center;
	color:#fff;
	padding:3px 0;
	font-size:14px;
	}
.rz{
	position:relative;
	}
.hover{
	font-size:12px;
	display:inline-block;
	width:60%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-align:center;
	border-radius:3px;
	}
.date_lc{float:left;width:20px;text-align:center;line-height:54px;font-size:10px;}
.Date_lr{float: left;height: 54px;}
.Date_lr input{float:left;width:84px;border:none;background:rgba(0,0,0,0);font-size: 19px;color: #333;height: 54px;}
.Date_lr p{float:left;font-size: 13px;color: #333;padding-top: 2px;height: 49px;}
.span21{
	position: absolute;
	right: 0;
	/*top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);*/
	font-size:12px;
	color: #333;	
	padding-top: 2px;
}
#checkinout{
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #f4f7f9;
	position: relative;
	display: -webkit-box;
	display: flex;
	background-color: #fff;
}
.mask_calendar {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,.4);
		display: none;
		z-index: 9999;
	}
	.calendar {
		height: 400px;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.animated {
		animation-duration: 1s;
		animation-fill-mode: both;
	}
	@keyframes slideInDown {
		from {
			transform: translate3d(0, -100%, 0);
			visibility: visible;
		}

		to {
			transform: translate3d(0, 0, 0);
		}
	}
	.slideInDown {
		animation-name: slideInDown;
	}